u<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>填写标题描述</title>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<style>
table {
	border: 3px solid #FFFFFF;
	background: #F2E6E6;
	
}
tr {
	border: 3px solid #FFFFFF;
	
}
td {
	border: 3px solid #FFFFFF;
	
}



.c1 {
	padding-left: 30px;
	padding-top: 20px;
}
.c2{
padding-left: 40px;
}
</style>
</head>
<body>
<form action="insertDesc" method="post">
<div align="left" class="c2" ><b>填写标题描述</b></div>
<div align="center">提交关键字流程：填写标题描述→设置价格→确认和提交→成功</div>
<table width="100%">
<tr ><td ><font size="2ps">您一次最多可以提交20个关键字，若您希望继续添加请分次提交（您已经提交了1个关键字）
点击查看竞价排名关键关键字审核标准</font> </td>
</tr>
</table>
<div align="center"><input type="submit" value="下一步" ></div>

		<table align="center" width="100%" cellspacing="0px">

			<tr >
				<td align="center">关键字</td>
				<td><input type="text" name="keyword" style="width: 200px;" id="keyword1">
					<select name="glei">
						<option>品牌词1</option>
						<option>品牌词2</option>
				</select>最多写32个字</td>
			</tr>
			<tr>
				<td align="center">网页标题</td>
				<td><input type="text" name="title" style="width: 200px;" id="title1">
					最多写20个字</td>
			</tr>

<tr>
				<td align="center">url地址</td>
				<td>http://<input type="text" name="url" style="width: 200px;" id="url1" onblur="checkUrl()">
				<font class="fot1"></font>
				</td>
			</tr>
			<td align="center">网页描述</td>
				<td><textarea rows="5" cols="40" id="htmldesc1" name="htmldesc"></textarea>
				做多写100个字
				</td>
			</tr>
		</table>


<div align="left"><input type="button" value="复制" onclick="copy1()"><font size="2">点击按钮，可将上个文本框内容复制到下个添加框内</font></div>
		<table align="center" width="100%" cellspacing="0px">
			<tr >
				<td align="center">关键字</td>
				<td><input type="text" name="keyword" style="width: 200px;" id="keyword2">
				<select name="glei">
						<option>品牌词1</option>
						<option>品牌词2</option>
				</select>最多写32个字</td>
			</tr>
			<tr>
				<td align="center">网页标题</td>
				<td><input type="text" name="title" style="width: 200px;" id="title2"> 
					最多写20个字</td>
			</tr>

<tr>
				<td align="center">url地址</td>
				<td>http://<input type="text" name="url" style="width: 200px;" id="url2" onblur="checkUrl()">
				</td>
			</tr>
			<td align="center">网页描述</td>
				<td><textarea rows="5" cols="40" id="htmldesc2" name="htmldesc"></textarea>
				做多写100个字
				</td>
			</tr>
		</table>


<div align="left"><input type="button" value="复制" onclick="copy2()"><font size="2">点击按钮，可将上个文本框内容复制到下个添加框内</font></div>


		<table align="center" width="100%" cellspacing="0px">

			<tr >
				<td align="center">关键字</td>
				<td><input type="text" name="keyword" style="width: 200px;" id="keyword3">
					<select name="glei">
						<option>品牌词1</option>
						<option>品牌词2</option>
				</select>最多写32个字</td>
			</tr>
			<tr>
				<td align="center">网页标题</td>
				<td><input type="text" name="title" style="width: 200px;" id="title3">
					最多写20个字</td>
			</tr>

<tr>
				<td align="center">url地址</td>
				<td>http://<input type="text" name="url" style="width: 200px;" id="url3" onblur="checkUrl()">
				</td>
			</tr>
			<td align="center">网页描述</td>
				<td><textarea rows="5" cols="40" id="htmldesc3" name="htmldesc"></textarea>
				做多写100个字
				</td>
			</tr>
		</table>
	</form>
</body>
<script type="text/javascript">
	function copy1(){
		var keyword1=$("#keyword1").val();
		var title1=$("#title1").val();
		var url1=$("#url1").val();
		var htmldesc1=$("#htmldesc1").val();

		
		var keyword2=$("#keyword2").val(keyword1);
		var title2=$("#title2").val(title1);
		var url2=$("#url2").val(url1);
		var htmldesc2=$("#htmldesc2").val(htmldesc1);
	}
	function copy2() {
		var keyword2=$("#keyword2").val();
		var title2=$("#title2").val();
		var url2=$("#url2").val();
		var htmldesc2=$("#htmldesc2").val();

		
		var keyword3=$("#keyword3").val(keyword2);
		var title3=$("#title3").val(title2);
		var url3=$("#url3").val(url2);
		var htmldesc3=$("#htmldesc3").val(htmldesc2);
	}
	function checkUrl(){
		var url=$("#url1").val();
		$("#url").html("");
		var reg=/^(([A-Za-z0-9-~]+)\.)+([A-Za-z0-9-~\/])+$/;
		var state=url.match(reg);
		if(url!=null){
			if (state == null) {
				$(".fot1").html("url输入的格式不正确");
				return false;
			}else {
				$(".fot1").html("输入成功");
			}
		}
	}
</script>
</html>